<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/details.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>
	<body>
		<div class="home-page">
			<!-- 页头 -->
			<!-- <div class="header">
				<div class="header-left">
					<div class="header-left-login">请登录</div>
				</div>
				<div class="header-right">
					<ul class="header-right-menu">
						<li class="menu-item">电子发票查询</li>
						<li class="menu-item">药检报告查询</li>
						<li class="menu-item"><span class="glyphicon glyphicon-star"></span>我的收藏</li>
						<li class="menu-item">我的订单</li>
						<li class="menu-item"><span class=""></span> 08741-68180992</li>
					</ul>
				</div>
			</div> -->
			<iframe src="header.html" width="1920px" height="80px" scrolling="no"></iframe>

			<!-- 内容 -->
			<div class="content-box">
				<div class="content-left">
					<div class="content-left-one">
						<img src="">
					</div>
					<div class="content-left-thre">
						<div class="content-left-thre-div"></div>
						<div class="content-left-thre-div"></div>
						<div class="content-left-thre-div"></div>
						<div class="content-left-thre-div"></div>
						<div class="content-left-thre-div"></div>
					</div>
				</div>
				<div class="content-right">
					<div class="content-right-name">序诚R藏典偏方草本抑菌膏(儿童型)</div>
					<div class="content-right-money">会员价：<span>登录可见</span></div>
					<div class="content-right-details">
						<div>生产厂家:江西序诚生物科技有限公司 </div>
						<div>包装规格: 15g/支*400支 </div>
						<div>包装单位:支 </div>
						<div>件装量: 400 </div>
						<div>销售包装: 1 </div>
						<div>效期: 2022-05</div>
						<div>批准文号:鲦卫消证字(2017) 第D009号 </div>
					</div>
					<div class="content-right-num">
						<span>数量：</span>
						<div class="content-right-num-jj">
							<div>-</div>
							<input type="text" value="1">
							<div>+</div>
						</div>
						<div class="content-right-num-inventory">库存：<span>充裕</span></div>
					</div>
					<div class="content-right-but">
						<div class="content-right-but-add">加入购物车</div>
						<div class="content-right-but-li">立即购买</div>
					</div>
				</div>
			</div>

			<!-- tab切换 -->
			<div class="layui-tab tab-nav">
			  <ul class="layui-tab-title tab-nav-title">
			    <li class="layui-this">商品详情</li>
			    <li>说明书</li>
			    <li>售后保障</li>
			   
			  </ul>
			  <div class="layui-tab-content">
			    <div class="layui-tab-item tab-nav-content layui-show">内容1</div>
			    <div class="layui-tab-item tab-nav-content">内容2</div>
			    <div class="layui-tab-item tab-nav-content">
					<img src="img/datails1.jpg">
					<img src="img/datails2.jpg">
					<img src="img/datails3.jpg">
				</div>
			  </div>
			</div>

		</div>
		<script>
			layui.use('element', function(){
			  var element = layui.element;
			  
			});
		</script>

	</body>
</html>
